UX: طراحی تعامل [ویدئو]

سرفصل ها و درس ها

ایجاد تجربیات کاربری Creating User Experiences

• به تجربه کاربری خوش آمدید Welcome to User Experience

• کاربران چه کسانی هستند Who Are Users

• چرا تجربیات کاربر مهم است؟ Why Do User Experiences Matter

• تئوری پایه UX UX Basic Theory

• UX در مقابل طراحی UI UX vs UI Design

• UX در زمینه UX in Context

• اهمیت کاربران The Importance of Users

• اهمیت طراحی برای کاربران The Importance of Designing for Users

• تعیین پرسونای کاربران شما Determining Your Users Personas

• همدلی برای کاربران شما Empathy for Your Users

• درک اهداف کاربران Understanding Your Users' Goals

• به اهداف خود فکر کنید Thinking of Your Goals

• ترکیب اهداف خود با اهداف کاربران Combining Your Goals with Your Users' Goals

• ساختار تجارب حول اهداف خاص Structuring Experiences Around Specific Goals

• کاربران انتظار یک فرآیند را دارند - درک جریان های کاربر Users Expect a Process - Understanding User Flows

• به ترتیب قدم هایمان Getting Our Steps in Order

• اهداف متضاد کاربر Contrasting User Goals

• ایجاد جریان کاربران Making User Flows

• آنچه را که آموخته ایم خلاصه کنید Recap What We've Learned

الگوهای طراحی UX UX Design Patterns

• الگوهای طراحی چیست؟ What Are Design Patterns

• روانشناسی الگوهای طراحی The Psychology of Design Patterns

• پیاده سازی الگوهای طراحی Implementing Design Patterns

• فراتر از الگوهای طراحی Beyond Design Patterns

• ناوبری اولیه Primary Navigation

• کرکره و پیمایش فرعی Dropdowns and Subnavigation

• خرده نان Breadcrumbs

• صفحه بندی و فیلترینگ Pagination and Filtering

• پاورقی ها Footers

• اولین برداشت ها First Impressions

• الگوهای اسکن Scanning Patterns

• اعمال الگوی کیک لایه ای Applying the Layer Cake Pattern

مقدمه ای بر طراحی محصول Introduction to Product Design

• به طراحی محصول خوش آمدید Welcome to Product Design

• رشته های طراحی محصول Disciplines of Product Design

• اصول طراحی جهانی Universal Design Principles

• اصول طراحی تعامل Interaction Design Principles

• اصول طراحی شرکت Company Design Principles

• کشف کنید Discover

• تعریف Definition

• ایده پردازی Ideation

• راه حل Solution

• تست کنید Test

• کشتی Ship

• مراحل بعدی Next Steps

مقدمه ای بر سیستم های طراحی Introduction to Design Systems

• سیستم طراحی چیست What Is a Design System

• کاوش در سیستم های طراحی Exploring Design Systems

• طراحی اجزای سیستم Design System Components

• رنگ Color

• تایپوگرافی Typography

• فضا Space

• تصویر Image

• حرکت Motion

• معرفی کتابخانه های رابط کاربری Introducing User Interface Libraries

• کاوش در کتابخانه های رابط کاربری Exploring User Interface Libraries

• معرفی صدا و لحن Introducing Voice and Tone

• کاوش صدا و لحن Exploring Voice and Tone

با استفاده از یک سیستم طراحی تمرین کنید Practice Using a Design System

• معرفی پروژه Introducing the Project

• تحقیق کنید Research

• اکتشافات طراحی Design Explorations

• راه اندازی Mobile Wireframe Starting the Mobile Wireframe

• ایجاد منوی آکاردئون Creating the Accordion Menu

• گسترش پانل آکاردئون Expanding the Accordion Panel

شروع به کار با دستورالعمل های رابط انسانی Getting Started with Human Interface Guidelines

• معرفی دستورالعمل های رابط انسانی Introducing Human Interface Guidelines

• تکامل طراحی iOS The Evolution of iOS Design

• تم های طراحی iOS iOS Design Themes

• معرفی پروژه ما Introducing Our Project

• راه اندازی پروژه Project Setup

• صفحه اول The First Screen

• صفحه دوم The Second Screen

شروع کار با طراحی متریال Getting Started with Material Design

• معرفی متریال دیزاین Introducing Material Design

• چرا متریال دیزاین Why Material Design

• ماده استعاره است Material Is the Metaphor

• اصول طراحی متریال Material Design Principles

• معرفی پروژه ما Introducing Our Project

• یک ناوبری پایین طراحی کنید Design a Bottom Navigation

• یک صفحه جانبی طراحی کنید Design a Side Sheet

• یک دکمه اکشن شناور طراحی کنید Design a Floating Action Button

طراحی برای نقش های کاربر Designing for User Roles

• ایجاد تجربیات برای نقش های کاربر Creating Experiences for User Roles

• مزایای نقش های کاربر Benefits of User Roles

• عناصر نقش کاربر Elements of a User Role

• نمودار جریان نقش های کاربر Diagramming the Flow of User Roles

• بهترین شیوه ها Best Practices

قابلیت دسترسی برای طراحان UX Accessibility for UX Designers

• طراحی قابل دسترس چیست What Is Accessible Design

• دستورالعمل های دسترسی به محتوای وب Web Content Accessibility Guidelines

• اصول WCAG - قابل درک WCAG Principles - Perceivable

• اصول WCAG - قابل اجرا WCAG Principles - Operable

• اصول WCAG - قابل درک است WCAG Principles - Understandable

• اصول WCAG - قوی WCAG Principles - Robust

• دسترسی و فرآیند طراحی Accessibility and the Design Process

• قابلیت دسترسی به فرم Form Accessibility

• صفحه نمایش اطلاعات تحویل Delivery Information Screen

• صفحه نمایش خطا Error Reporting Screen

طراحی تعاملات Designing Interactions

• طراحی تعامل چیست What's Interaction Design

• پنج بعد Five Dimensions

• انواع تعاملات Types of Interactions

• ریز تعاملات Microinteractions

• پیام های بازخورد Feedback Messages

• روانشناسی شناختی - مدل های ذهنی Cognitive Psychology - Mental Models

• روانشناسی شناختی - مقرون به صرفه Cognitive Psychology - Affordances

• اصول روانشناسی Psychological Principles

• احساس و ادراک Sensation and Perception

• مقدمه ای بر طراحی تعاملات Intro to Designing Interactions

• نحوه طراحی تعاملات How to Design Interactions